<template>
  <div class="detailWrapBoxCe">
    <div @click="clearDetailIndex" class="topBack"><i></i></div>
    <div class="detailBody">
      <p
        style="
          font-size: 16px;
          font-weight: bold;
          color: #0287c8;
          margin-top: 90px;
        "
      >
        暂无数据
      </p>
    </div>
  </div>
</template>

<script setup>
import { defineEmits } from "vue";

const emit = defineEmits(["update-curr-detail-index"]);
const clearDetailIndex = () => {
  emit("update-curr-detail-index", "");
};
</script>

<style scoped lang="scss">
.detailWrapBoxCe {
  width: calc(100% - 30px);
  // height: 675px;
  height: calc(100% - 0px);
  overflow-y: auto;
  position: absolute;
  top: 0;
  left: 0;
  background: #070f24;
  z-index: 1;
  .topBack {
    cursor: pointer;
    width: 100%;
    height: 24px;
    margin-bottom: 16px;
    i {
      float: left;
      width: 24px;
      height: 24px;
      background-image: url("../../../assets/images/raim/back.png");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
    }
  }
  .detailBody {
    width: 100%;
    overflow: hidden;
  }
}
</style>
